<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://jsptags.com/tags/navigation/pager" prefix="pg" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>人力资源</title>
    <link href="<%=path%>/CSS/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="<%=path%>/JQuery/jquery-1.8.2.js"></script>
    <%@ include file="/WEB-INF/JSP/ajax.jsp" %>
    <script type="text/javascript" src="<%=path%>/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript">



    </script>
    <style type="text/css">
        .tablelist th {
            height: 45px;
        }

        .tablelist td {
            border-right: none;
        }

        tbody tr {
            height: 38px
        }

        .check {
            padding-left: 0px
        }

        a {
            cursor: pointer;
        }

        #student td {
            width: 100%;
            padding-left: 30px;
            text-align: center;
        }

        .head th {
            text-align: center;
        }

        #cent td {
            text-align: center;
            padding-left: 5px;
        }

        table tr td {
            font-size: 12px
        }

        table tr th {
            font-size: 14px
        }
        .trs td:nth-child(8) {
            border-right: solid 1px #ccc;
        }
        .heads span {
            width: 1573px;
            float: left;
            height: 45px;
            text-align: center;
            line-height: 45px;
            background: #eee;
            font-weight: bold;
            font-size: 14px;
        }

        .seachform li label{line-height: 45px;color: #444444}
        .scinput{line-height: 10px;margin-top: 5px}
        .scinput1{margin-top: 5px;height: 30px;}
        .scbtn{background: #57a0ff;border-radius:20px;width: 110px;margin-top: 4px;height: 35px}
        .scbtn2{height: 20px;background: #57a0ff;border-radius:20px;width: 50px;color: #fff;display: none;}

        .tablelist th{background: none;border-bottom: none;}
        thead {background: #f2f2f2}
        tbody tr:nth-child(even) {background: #f7f8fd}
        able td{border:1px solid #F00}
        .tablelist th{height: 45px;padding-left: 30px}
        .tablelist td{border-right:none;padding-left: 30px}

        tbody tr{height: 38px}
        .check{padding-left: 0px}
        a{cursor: pointer;}
        .tablelist{width:500px;border:0px;border-collapse:collapse;border-spacing:0;}
        .tablelist tr{height:30px;}
        .tablelist tr td{border-bottom:1px solid #BBB;}

       
    </style>
</head>
<body style="background: #f5f5f5;padding: 0 10px;">
<div class="place" style="background: #f5f5f5;margin-top: 10px">
    <ul class="placeul">
        <li><a href="#">人力资源</a></li>
        <li><a href="<%=path%>/DrivingSys/queryRemunProvide/look.action">薪酬发放</a></li>
    </ul>
</div>

<div class="rightinfo" style="background: #fff;border-radius:10px;height: 45px;">

    <form action="<%=path%>/DrivingSys/queryRemunProvide/look.action" method="post">
        <ul class="seachform">
            <li><label>薪酬发放编号</label><input name="fnumber" type="text" class="scinput" value="${fnumber}"/></li>
            <%--  <li><label>开始时间</label><input class="scinput1"  name="beginTime" type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
             id="datemin" class="input-text Wdate" style="width:150px;" value="${beginTime}"></li>
             <li><label>结束时间</label><input class="scinput1"  name="endTime" type="text" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
             id="datemax" class="input-text Wdate" style="width:150px;"value="${endTime}"></li> --%>
            <li><label>&nbsp;</label><input name="" type="submit" class="scbtn" value="立即查询"/></li>
           <%-- <li><label>&nbsp;</label><input name="" type="button" id="importExcel" class="scbtn" value="导出Excel"></li>--%>
        </ul>
    </form>
</div>

<div style="width: 100%;overflow:auto;margin-bottom: 0px;margin-top: 30px;background: #fff;border-radius:10px;box-shadow: 0 0 10px #f2f2f2;">
    <ul>
        <li style="height: 40px;text-align: left;color: #999999;">
				  <span style="font-size: 12px;">
                  <shiro:hasPermission name="/intoAddRemunProvide">
				  <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;"
                       src="<%=path%>/images/list/xz.png">
				       &nbsp;<a href="<%=path%>/DrivingSys/intoAddRemunProvide">新增</a>
                  </shiro:hasPermission>
                  <shiro:hasPermission name="/deleteRemunProvideByFid">
				  <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;"
                       src="<%=path%>/images/list/sc.png">
				       &nbsp;<a class="del">删除</a>
                   </shiro:hasPermission>
                  <shiro:hasPermission name="/intoUpdateRemunProvide">
				       <img alt="" height="11px" src="<%=path%>/images/list/xg.png" style="padding-left: 20px">
				  <a style="color: #000" class="modify">修改</a>
                  </shiro:hasPermission>
                      <shiro:hasPermission name="/importExcelRemunProvide">
                          <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;width: 14px" src="<%=path%>/images/list/excel.png">
                          &nbsp;<a class="importExcel">导出Excle</a>
                      </shiro:hasPermission>

				       <label style="padding-left: 50px">&nbsp;</label><input name="" type="submit" class="scbtn2"
                                                                              value="确定"/>
				  </span>
        </li>
    </ul>
    <table class="tablelist" style="width: auto;white-space:nowrap;">
        <thead>
        <tr class="sq">
            <th><input type="checkbox"  class="check1"  /></th>
            <th>驾校</th>
            <th>单据编号</th>
            <th>业务日期</th>
            <th>参考信息</th>
            <th>审核人名称</th>
            <th>制单人名称</th>
            <th>单据状态</th>
            <th>员工编号</th> 
            <th>员工姓名</th>  
            <th>员工部门</th> 
            <th>工资</th>     
            <th style="text-align:center;">操作</th>
        </tr>
        </thead>
        <c:if test="${empty remunProvideList  }">
        	<tr class="sq">
        		<th colspan="13">
        			<span >抱歉,没有任何相关的记录信息!</span>
        		</th>
        	</tr>
        </c:if>
        <c:forEach items="${remunProvideList}" var="remunProvide" varStatus="fustatus">
            <!-- 1.1 如果子类集合长度小等于5 则就按子类的长度合并 ===开始===  -->
            <c:if test="${fn:length(remunProvide.remunProvideEntryList) lt 6 }">
                <tr class="trs">
                <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }" class="sq">
                    <c:if test="${remunProvide.cfbillstate eq 4 || remunProvide.cfbillstate eq 5}">
                        <input type="checkbox" class="check" disabled="disabled" name="nocheck" value="${remunProvide.fid}"/>
                    </c:if>
                    <c:if test="${remunProvide.cfbillstate eq 3 }">
                        <input type="checkbox" class="check" name="check" value="${remunProvide.fid}"/>
                    </c:if>
                    <input type="hidden" name="cfbillstate" value="${remunProvide.cfbillstate}"/></td>
                <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">${remunProvide.drivingSchool}</td>
                <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">${remunProvide.fnumber}</td>
                <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">${remunProvide.fbizdate}</td>
                <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">${remunProvide.fsourcefunction}</td>
                <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">${remunProvide.checkName}</td>
                <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">${remunProvide.createName}</td>
                <c:if test="${remunProvide.cfbillstate eq 3}">
                    <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">保存</td>
                </c:if>
                <c:if test="${remunProvide.cfbillstate eq 4}">
                    <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">提交</td>
                </c:if>
                <c:if test="${remunProvide.cfbillstate eq 5}">
                    <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">审核</td>
                </c:if>
                <c:forEach items="${remunProvide.remunProvideEntryList}" var="remunProvideEntry" varStatus="status">
                    <c:if test="${status.first}">
                        <td>${remunProvideEntry.fnumber }</td>
                        <td>${remunProvideEntry.cfpersonname }</td>
                        <td>${remunProvideEntry.cfdepartment}</td>
                        <td>${remunProvideEntry.cfamount}</td>
                        <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">
                            <shiro:hasPermission name="/intoUpdateRemunProvide">
                                <img alt="" height="11px" src="<%=path%>/images/list/xg.png">
                                <a href="<%=path%>/DrivingSys/intoUpdateRemunProvide?fid=${remunProvide.fid}"
                                   class="tablelink">修改</a>&nbsp;&nbsp;&nbsp;
                            </shiro:hasPermission>
                            <shiro:hasPermission name="/deleteRemunProvideByFid">
                                <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;"
                                     src="<%=path%>/images/list/sc.png">
                                &nbsp;<a class="delOne" class="tablelink" style="color: #056dae">删除<input type="hidden" name="fid" value="${remunProvide.fid}">
                                <input type="hidden" name="cfbillstate" value="${remunProvide.cfbillstate}"/></a>
                                &nbsp;&nbsp;&nbsp;
                            </shiro:hasPermission>
                        </td>
                        </tr>
                    </c:if>
                    <!--1.1.1 跳过第一行打印 ==开始==  -->
                    <c:if test="${status.index gt 0  }">
                        <tr >
                            <td>${remunProvideEntry.fnumber }</td>
                            <td>${remunProvideEntry.cfpersonname }</td>
                            <td>${remunProvideEntry.cfdepartment}</td>
                            <td>${remunProvideEntry.cfamount}</td>
                        </tr>
                    </c:if>
                    <!--1.1.1 跳过第一行打印 ==结束==  -->
                </c:forEach>
            </c:if>
            <!-- 1.1 如果子类集合长度小等于5 则就按子类的长度合并 ===结束===  -->

            <!-- ------------------------------------------------------------------------------------------------------------- -->

            <!--2.1 如果子类集合长度大于5 ===开始===  -->
            <c:if test="${fn:length(refuelCardReg.refuelCardRegEntryList) gt 5 }">
                <tr class="trs" id="hebingfuhang${fustatus.index }" >
                <td rowspan="6" class="sq">
                    <c:if test="${remunProvide.cfbillstate eq 4 || remunProvide.cfbillstate eq 5}">
                        <input type="checkbox" class="check" disabled="disabled" name="nocheck" value="${remunProvide.fid}"/>
                    </c:if>
                    <c:if test="${remunProvide.cfbillstate eq 3 }">
                        <input type="checkbox" class="check" name="check" value="${remunProvide.fid}"/>
                    </c:if>
                    <input type="hidden" name="cfbillstate" value="${remunProvide.cfbillstate}"/></td>
                <td rowspan="6">${remunProvide.drivingSchool}</td>
                <td rowspan="6">${remunProvide.fnumber}</td>
                <td rowspan="6">${remunProvide.fbizdate}</td>
                <td rowspan="6">${remunProvide.fsourcefunction}</td>
                <td rowspan="6">${remunProvide.checkName}</td>
                <td rowspan="6">${remunProvide.createName}</td>
                <c:if test="${remunProvide.cfbillstate eq 3}">
                    <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">保存</td>
                </c:if>
                <c:if test="${remunProvide.cfbillstate eq 4}">
                    <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">提交</td>
                </c:if>
                <c:if test="${remunProvide.cfbillstate eq 5}">
                    <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">审核</td>
                </c:if>
                <c:forEach items="${remunProvide.remunProvideEntryList}" var="remunProvideEntry" varStatus="status">
                    <c:if test="${status.first}">

                        <td>${remunProvideEntry.fnumber }</td>
                        <td>${remunProvideEntry.cfpersonname }</td>
                        <td>${remunProvideEntry.cfdepartment}</td>
                        <td>${remunProvideEntry.cfamount}</td>
                        <td rowspan="${fn:length(remunProvide.remunProvideEntryList) }">
                            <shiro:hasPermission name="/intoUpdateRemunProvide">
                                <img alt="" height="11px" src="<%=path%>/images/list/xg.png">
                                <a href="<%=path%>/DrivingSys/intoUpdateRemunProvide?fid=${remunProvide.fid}"
                                   class="tablelink">修改</a>&nbsp;&nbsp;&nbsp;
                            </shiro:hasPermission>
                            <shiro:hasPermission name="/deleteRemunProvideByFid">
                                <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;"
                                     src="<%=path%>/images/list/sc.png">
                                &nbsp;<a class="delOne" class="tablelink" style="color: #056dae">删除<input type="hidden" name="fid" value="${remunProvide.fid}">
                                <input type="hidden" name="cfbillstate" value="${remunProvide.cfbillstate}"/></a>
                                &nbsp;&nbsp;&nbsp;
                            </shiro:hasPermission>
                        </td>
                        </tr>
                    </c:if>
                    <c:if test="${status.index gt 0}">
                        <tr>
                            <td>${remunProvideEntry.fnumber }</td>
                            <td>${remunProvideEntry.cfpersonname }</td>
                            <td>${remunProvideEntry.cfdepartment}</td>
                            <td>${remunProvideEntry.cfamount}</td>
                        </tr>
                    </c:if>
                    <!--2.1.1 跳过第一行打印1至4条的数据 默认显示部分 ==开始== -->
                    <c:if test="${status.index gt 0 and status.index lt 5 }">
                        <tr  >
                            <td style="display: none"><input  type="hidden" class="check" value="${remunProvide.fid}"/></td>
                            <td>${remunProvideEntry.fnumber }</td>
                            <td>${remunProvideEntry.cfpersonname }</td>
                            <td>${remunProvideEntry.cfdepartment}</td>
                            <td>${remunProvideEntry.cfamount}</td>
                        </tr>
                    </c:if>
                    <!--2.1.1 跳过第一行打印1至4条的数据 默认显示部分 ==结束== -->

                    <!--2.1.2  打印5至子类长度的数据  隐藏部分 ==开始==-->
                    <c:if test="${status.index gt 4 }">
                        <tr class="fuhang${fustatus.index }" style="display:none">
                            <td style="display: none"><input  type="hidden" class="check" value="${remunProvide.fid}"/></td>
                            <td>${remunProvideEntry.fnumber }</td>
                            <td>${remunProvideEntry.cfpersonname }</td>
                            <td>${remunProvideEntry.cfdepartment}</td>
                            <td>${remunProvideEntry.cfamount}</td>
                        </tr>
                    </c:if>
                    <!--2.1.2  打印5至子类长度的数据  隐藏部分 ==结束==  -->

                    <c:if test="${status.last }">
                        <tr id="fuhang${fustatus.index }" >
                            <td style="margin:0 auto;"><a class="showfuhang${fustatus.index }" onclick="showdetails($(this));"><font color="#57a0ff">查看详情</font></a>
                                <a style="display:none; " class="hidefuhang${fustatus.index }" onclick="hidedetails($(this));"><font color="#57a0ff">收起详情</font></a>
                            </td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </c:if>
                </c:forEach>
            </c:if>
            <!--2.1 如果子类集合长度大于5 ===结束===  -->
        </c:forEach>
    </table>
</div>
 <pg:pager items="${pb.tr}" url="${pb.url}" export="offset,currentPageNumber=pageNumber" maxPageItems="${pb.ps}">
            <pg:index>  
               <pg:first>
               <a href="${pageUrl}&&type=${type}" >
               <nobr>
               [首页]
               </nobr>
              </a>   
               </pg:first>  
               <pg:prev><a href="${pageUrl}&&type=${type}">前一页</a></pg:prev>  
               <pg:pages>  
                     <c:choose>  
                        <c:when test="${currentPageNumber eq pageNumber}">    
                           <font color="red">${pageNumber }</font>  
                        </c:when>    
                        <c:otherwise>    
                           <a href="${pageUrl}&&type=${type}">${pageNumber}</a>   
                        </c:otherwise>    
                     </c:choose>  
               </pg:pages>  
               <pg:next><a href="${pageUrl}&&type=${type}">下一页</a></pg:next>  
               <pg:last><a href="${pageUrl}&&type=${type}"><nobr>[尾页]</nobr></a></pg:last>  
            </pg:index>      
         </pg:pager>  
<div class="tip">
    <div class="tiptop">
        <span>提示信息</span>
    </div>
    <div class="tipinfo">
        <span><img src="<%=path%>/images/ticon.png"/></span>
        <div class="tipright">
            <p>是否确认对信息删除 ？</p>
            <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
        </div>
    </div>
    <div class="tipbtn">
        <input name="" type="button" class="sure" value="确定"/>&nbsp; <input
            name="" type="button" class="cancel" value="取消"/>
    </div>
</div>
</body>
<script type="text/javascript">
    $(document).ready(function(){
        var type = "${type}";
        if(type == '0' || type == '' || type == null) {

        }else{
            //alert("添加成功");
            editAlert();
        }
    })
    //显示
    function showdetails(obj){
        var row=$(obj).parent().parent().prop("id")
        //隐藏点击查看更多
        $(".show"+row).hide()
        //显示点击收起详情
        $(".hide"+row).show()
        //显示数据详情
        $("."+row).show()
        var hebingshu=$("#hebing"+row+" input:hidden[name=tdlength]").val()
        hebingshu=Number(hebingshu)
        hebingshu+=1
        //alert(hebingshu)
        $("#hebing"+row).find("td").eq(0).attr("Rowspan",hebingshu)
        $("#hebing"+row).find("td").eq(1).attr("Rowspan",hebingshu)
        $("#hebing"+row).find("td").eq(2).attr("Rowspan",hebingshu)
        $("#hebing"+row).find("td").eq(3).attr("Rowspan",hebingshu)
        $("#hebing"+row).find("td").eq(4).attr("Rowspan",hebingshu)
        $("#hebing"+row).find("td").eq(5).attr("Rowspan",hebingshu)
        /* $("#hebing"+row).find("td").eq(6).attr("Rowspan",hebingshu) */
        $("#hebing"+row).find("td:last").attr("Rowspan",hebingshu)
    }


    //隐藏
    function hidedetails(obj){
        var row=obj.parent().parent().prop("id")
        //显示点击查看更多
        $(".show"+row).show()
        //隐藏点击收起详情
        $(".hide"+row).hide()
        //隐藏大于5条的数据
        $("."+row).hide()
        //合并行改成只显示之前的5条加一条点击查看更多tr
        $("#hebing"+row).find("td").eq(0).attr("Rowspan",6)
        $("#hebing"+row).find("td").eq(1).attr("Rowspan",6)
        $("#hebing"+row).find("td").eq(2).attr("Rowspan",6)
        $("#hebing"+row).find("td").eq(3).attr("Rowspan",6)
        $("#hebing"+row).find("td").eq(4).attr("Rowspan",6)
        $("#hebing"+row).find("td").eq(5).attr("Rowspan",6)
        /*  $("#hebing"+row).find("td").eq(6).attr("Rowspan",6) */
        $("#hebing"+row).find("td:last").attr("Rowspan",6)

    }

    $(document).ready(function () {
        //删除多个
        $('.del').click(function () {
            /* $('.check').toggle() */
            /* $('.scbtn2').toggle() */
            var fidids = document.getElementsByName("check");
            var carid;
            for (var i = 0; i < fidids.length; i++) {
                if (fidids[i].checked) {
                    carid = fidids[i].value;
                }
            }
            if (carid == null || carid == "") {
                alert("请至少选择一条数据删除")
                return false
            } else {
                //判断单据状态
                var count=0;
                $("input:checkbox[name=check]:checked").each(function(i){
                    if($(this).next().val() == 4 || $(this).next().val() == 5){
                        count++;
                    }
                })
                if(count>0){
                    alert("提交和审核结束的单据不能删除!");
                    return false;
                }else{
                    $(".tip").fadeIn(200);
                }
            }
            $(".sure").click(function () {
                $(".tip").fadeOut(100);
                // $('.check').toggle()
                //$('.scbtn2').toggle()
                /* location='deleteCarByFid?deleteId='+deleteId+''; */
                var str = new Array();
                var fids = document.getElementsByName("check");
                for (var i = 0; i < fids.length; i++) {
                    if (fids[i].checked) {
                        str[i] = fids[i].value;
                    }
                }
                location = '<%=path%>/DrivingSys/deleteRemunProvideByFid?deleteId=' + str + '';
            })

            $(".cancel").click(function () {
                $(".tip").fadeOut(100);
            });
        })
        //删除单个
        $('.delOne').click(function () {
            var fid = $(this).find("input:hidden[name=fid]").val();
            var cfbillstate =$(this).find("input:hidden[name=cfbillstate]").val();
            if(cfbillstate == 4 || cfbillstate ==5){
                alert("提交和审核状态的单据不能删除!")
                return false;
            }
            $('.window-mask').fadeToggle()
            $(".tip").fadeIn(200);
            $(".sure").click(function () {
                location = '<%=path%>/DrivingSys/deleteRemunProvideByFid?fid=' + fid + '';
            })

            $(".cancel").click(function () {
                $(".tip").fadeOut(100);
            });
        })

        //修改
        $(".modify").click(function () {
            var stringFid;
            var fids = document.getElementsByName("check");
            var	schools
            for (var i = 0; i < fids.length; i++) {
                if (fids[i].checked) {
                    stringFid = fids[i].value;
                    location = '<%=path%>/DrivingSys/intoUpdateRemunProvide?fid=' + stringFid + '';
                    return false
                }
            }
            if (stringFid == null || stringFid.length == 0) {
                alert("请至少选择一条数据修改")
                return false
            }
        })

        //查询详情
        $("tr:not(.sq)").dblclick(function () {
            var modify = $(".modify").text();
            if(modify == '' || modify == null){

            }else{
                var fid2 = $(this).find(".check").val();
                //避免fid中有+，或者特殊字符
                var fid = encodeURI(fid2).replace(/\+/g, '%2B')
                location = '<%=path%>/DrivingSys/intoUpdateRemunProvide?fid=' + fid + '';
            }
        })
        //全选全不选
		$(".check1").click(function(){
			if(this.checked){
			    $("[name=check]").attr("checked",true);}
			else{ $("[name=check]").attr("checked",false);}
		})
    })

    //导出
    $(".importExcel").click(function () {
        var fnameL2 = $("input[name='fnumber']").val();//编号
        fnameL2 = $.trim(fnameL2);
        location = '<%=path%>/DrivingSys/importRemunProvide?fnameL2=' + fnameL2
    })
</script>
</html>
